<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>优学网</title>

    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="../css/offcanvas.css" rel="stylesheet">
    <link href="../css/select2/select2.css" rel="stylesheet">
    <link href="../css/select2/select2-bootstrap.css" rel="stylesheet">
    <link href="../css/iCheck/square/blue.css" rel="stylesheet">
    <link href="../css/bootstrap-switch.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">优学网</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">847215251@qq.com <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#"><i class="fa fa-info-circle"></i>&nbsp;我的信息</a></li>
                  <li><a href="#"><i class="fa fa-cog"></i>&nbsp;账号设置</a></li>
                  <li class="divider"></li>
                  <li><a href="#"><i class="fa fa-sign-out"></i>&nbsp;退出</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>

	<div class="container"> 
    	<div class="row row-offcanvas row-offcanvas-left">
        	<div class="col-xs-6 col-sm-5 col-md-4 col-lg-3 sidebar-offcanvas" id="sidebar" role="navigation">
              <div class="list-group-item site list-group-title"><i class="fa fa-info-circle"></i>&nbsp;信息管理</div> 
                <a href="parent-profile.html" class="list-group-item">我的信息</a>
                <a href="kids.html" class="list-group-item active">我的孩子</a>
                <div class="list-group-item site list-group-title"><i class="fa fa-suitcase"></i>&nbsp;辅导管理</div> 
                <a href="tutorships.html" class="list-group-item">我的辅导</a>
                <a href="tutorships.html" class="list-group-item">添加辅导</a>
                <div class="list-group-item site list-group-title"><i class="fa fa-group"></i>&nbsp;社会化管理</div> 
                <a href="likes.html" class="list-group-item">我的关注</a>
                <a href="comments.html" class="list-group-item">我的评论</a>
                <div class="list-group-item site list-group-title"><i class="fa fa-cog"></i>&nbsp;系统管理</div> 
                <a href="setting.html" class="list-group-item">账号设置</a>
                <a href="setting.html" class="list-group-item">退出</a>
            </div>
            <div class="col-xs-12 col-sm-7 col-md-8 col-lg-9">
            	<div class="visible-xs">
                	<h4 class="site a"><a href="#" data-toggle="offcanvas" data-to-show="y">展开左侧列表</a></h4>
                </div>
            	<div class="jumbotron">
                	
              	</div>
                <div class="page-header">
        			<h4>添加孩子信息</h4>
       			</div>
                <div class="row">
                	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    	<form class="form-horizontal" role="form" method="post">
                          <p class="site section-title">孩子基本信息<small>（请认真如实填写，所有资料保密）</small></p>
                          <div class="form-group">
                            <label for="nickname" class="col-sm-2 control-label">昵称</label>
                            <div class="col-sm-10">
                            	<input type="text" class="form-control" id="nickname" placeholder="请输入昵称">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="head-icon" class="col-sm-2 control-label">头像</label>
                            <div class="col-sm-10">
                            	<input type="text" class="form-control" id="head-icon" placeholder="请上传头像">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="real-name" class="col-sm-2 control-label">真实姓名</label>
                            <div class="col-sm-10">
                            	<input type="text" class="form-control" id="real-name" placeholder="请输入真实姓名">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="gender" class="col-sm-2 control-label">性别</label>
                                <div class="col-sm-10">
                                	<div id="gender" class="radio">
                                      <input type="radio" name="gender" id="gender-male">
                                      <label for="gender-male">男</label>
                                      &nbsp;&nbsp;&nbsp;&nbsp;
                                      <input type="radio" name="gender" id="gender-female">
                                      <label for="gender-female">女</label>
                                   	</div>
                            	</div>
                          </div>
                          <div class="form-group">
                            <label for="location" class="col-sm-2 control-label">所在区域</label>
                            <div class="col-sm-10">
                            	<input type="text" class="form-control" id="location" placeholder="请选择所在区域">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="school" class="col-sm-2 control-label">学校</label>
                            <div class="col-sm-10">
                            	<input type="text" class="form-control" id="school" placeholder="请输入学校">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="grade" class="col-sm-2 control-label">年级</label>
                            <div class="col-sm-10">
                            	<select id="grade" class="form-control" tabindex="-1">
                           		</select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="evaluation" class="col-sm-2 control-label">自我评价</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" rows="4" id="evaluation" placeholder="请输入自我评价"></textarea>
                            </div>
                          </div>
                          
                          <p class="site section-title">全部完成</p>
                          <div class="form-group">
                            <div class="col-sm-10 col-sm-offset-2">
                              <button class="btn btn-primary">保存</button>
                              <button class="btn btn-primary">取消</button>
                            </div>
                          </div>
                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
    <footer class="site footer">
      <div class="container">
        <div class="row site footer-top">
          <div class="col-sm-4 col-lg-5">
            <h4>
              <a href="../admin/index.html">优学网</a>
            </h4>
            <p>为学生提供优质的教学及兴趣辅导，让学生更加快乐地成长！</p>
          </div>
          <div class="col-sm-8  col-lg-6 col-lg-offset-1">
            <div class="row site about">
              <div class="col-xs-6 col-lg-3">
                <h4>关于</h4>
                <ul class="list-unstyled">
                  <li><a href="../admin/about.html">关于我们</a></li>
                  <li><a href="../admin/evaluation.html">用户评价</a></li>
                  <li><a href="../admin/help.html">问题及帮助</a></li>
                  <li><a href="../admin/suggestion.html">留言及建议</a></li>
                  <li><a href="../admin/blacklist.html">黑名单</a></li>
                  <li><a href="../admin/privacy.html">隐私声明</a></li>
                </ul>
              </div>
              <div class="col-xs-6 col-lg-3">
                <h4>合作与赞助</h4>
                <ul class="list-unstyled">
                	<li><a href="../admin/school.html">学校列表</a></li>
                    <li><a href="../admin/brand.html">品牌列表</a></li>
                    <li><a href="../admin/sponsor.html">赞助商列表</a></li>
                    <li><a href="../admin/ads.html">广告合作</a></li>
                  	<li><a href="../admin/links.html">友情链接</a></li>
                </ul>
              </div>
              <div class="col-xs-12 col-lg-6">
                <h4>联系方式</h4>
                <ul class="list-unstyled">
                	<li><a href="../admin/contact.html"><i class="fa fa-qq"></i> QQ：847315251</a></li>
                	<li><a href="../admin/contact.html"><i class="fa fa-wechat"></i> 微信：Wgssmart</a></li>
                  <li><a href="../admin/contact.html"><i class="fa fa-weibo"></i> 新浪微博：@Wgssmart</a></li>
                  <li><a href="../admin/contact.html"><i class="fa fa-envelope"></i> 邮箱：847315251@qq.com</a></li>
                </ul>
              </div>
            </div>
    
          </div>
        </div>
        <hr>
        <div class="row site footer-bottom">
          <ul class="list-inline text-center">
            <li>Copyright &copy; 2015 - 优学网</li>
          </ul>
        </div>
      </div>
    </footer>

	<a id="page-back"></a>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/bootstrap-paginator.min.js"></script>
    <script src="../js/jquery.page-back.js"></script>
    <script src="../js/jquery.options-creator.js"></script>
    <script src="../js/offcanvas.js"></script>
    <script src="../js/select2/select2.min.js"></script>
    <script src="../js/select2/select2_locale_zh-CN.js"></script>
    <script src="../js/icheck.min.js"></script>
    <script src="../js/bootstrap-switch.min.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/main.data.js"></script>
    <script>
    	$('#app-pager').bootstrapPaginator(pager_options);
		$("#grade").createOptions({
			data:grades,
			optgroup:true
		});
		$("#grade").select2({
		  placeholder: "请选择年级",
		  allowClear: true,
		  minimumResultsForSearch:-1
		});
		$('input[name="gender"]').iCheck({
			radioClass: 'iradio_square-blue',
			increaseArea: '20%' // optional
		});
		$('input[name="identity"]').iCheck({
			radioClass: 'iradio_square-blue',
			increaseArea: '20%' // optional
		});
    </script>
  </body>
</html>